<!-- src/views/home/index.vue -->
<script setup>
import ChartDisplay from './components/ChartDisplay.vue';
import TableDisplay from './components/TableDisplay.vue';


</script>

<template>
  <div class="container">
    <div class="chart-panel">
      <ChartDisplay />
    </div>
    <div class="table-panel">
      <TableDisplay />
    </div>
  </div>
</template>

<style scoped lang="scss">
.container {
  width: 100%;
  // height: 100%;
  margin: 0;
  padding: 0;

  .chart-panel {
    width: 100%;
    height: 600px;
  }

  .table-panel {
    width: 100%;
    height: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
</style>

